// 快捷键：rcc
import React, { Component } from 'react';

/*
  学习目标：生命周期-挂载时
  步骤：
     1. 挂载时
     2. 更新时
     3. 卸载时
*/
export default class APP extends Component {
  // 1.1 对标VUe中的beforeCreate 和 created
  constructor() {
    // super表示继承，从父级继承所有的属性和方法
    super();
    console.log('constructor执行了');
  }
  //render 表示要渲染的内容
  render() {
    console.log('render');
    return (
      <div>
        <h1>render</h1>
      </div>
    );
  }
  // cdm
  // 1.3  对标vue中的mounted，表示挂载真实DOM之后
  // 作用：1. 💥发请求  2. 最先获取DOM
  componentDidMount() {
    console.log('componentDidMount');
    const nodeh1 = document.querySelector('h1');
    console.log('nodeh1  ----->  ', nodeh1);
  }
}
